<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>任务管理系统</title>	
	 <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<script type="text/javascript" src="vue.js"></script>  
	<link rel="stylesheet" type="text/css" href="admin.css">
	<link rel="stylesheet" type="text/css" href="layui.css?t=1520760931738">
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->   
	<link rel="shortcut icon" href="icon.png" >
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />  
</head>
<body>
	
<div class="main">
	<h2 style="text-align: center;margin: 30px 0 10px">深度票据网番茄工作台 </h2>
	<div class="layui-container">  
	  <div class="layui-row">
	   <div class="layui-col-xs6 layui-col-sm12 layui-col-md3" v-for="item in departList">
	  		<p class="title" :class="{cutTitle:item.no==curDepart}" @click="selDepart(item.no)">
	  		{{item.name}}({{item.userCount}})<span class="detail">&nbsp;</span></p>
	    </div>
	    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
	  		<div class="departList">
	   			<ul>
	   				<li v-for="item in userList" >
	   				<div class="taskList">
	   					<p @click="selUser(item.userId)" :class="{selTask:item.userId==curUserId}">
	   						<i class="layui-icon" v-show="item.userId!=curUserId">&#xe602;</i>
	   						<i class="layui-icon" v-show="item.userId==curUserId">&#xe61a;</i>
	   						<span >{{item.name}}</span></p>
	   					<div class="task" v-show="item.userId==curUserId">
	   					  <div class="layui-row">
						     <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
						 		<h4>季度OKR</h4>
		   						<ul><li v-for="item in okrList">{{item.task}}</li></ul>
						      </div>
						      <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
						      	<h4>计划任务</h4>
		   						<ul>
		   							<li v-for="item in unfinishedPlIST">{{item.task}}({{item.startTime}}~{{item.endTime}})</li>
		   							<li v-for="item in finishedPlIST" class="finishedTask">{{item.task}}({{item.startTime}}~{{item.endTime}})</li>
		   						</ul>
						     </div>
						     <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
					   			<h4>临时任务</h4>
		   						<ul>
		   							<li v-for="item in unfinishedAlIST">
		   								<span class="layui-badge-dot" v-show="item.status==1"></span> {{item.task}}({{item.status==1?showTime(item.lastSaveRuntime,item):showTime(item.lastSaveRuntime)}})</li>
		   							<li v-for="item in finishedAlIST" class="finishedTask">{{item.task}}({{showTime(item.lastSaveRuntime)}})</li>
		   						</ul>
						    </div>
						  </div>
	   					</div>
	   				</div>
	   				</li>
	   			</ul>
	   		</div>
	    </div>
	  </div>
	</div>
	</div>
	<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
	<script src="admin.js"></script>
	
</body>
</html>